<!--
 * @Author: your name
 * @Date: 2021-08-11 17:57:02
 * @LastEditTime: 2021-10-19 20:30:06
 * @LastEditors: YuanYu
 * @Description: In User Settings Edit
 * @FilePath: \day07\网易严选.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选-以严谨的态度，为中国消费者甄选天下优品</title>
    <style>
        /* 清除内外边距 */
        * {
            margin: 0;
            padding: 0;
        }
        /* 加入通用css代码（引入一次就行） */
        .icon {
        width: 1em; height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
        }
        /* 顶部导航栏 */
        .topNav {
            /* width: 1520px; */
            height: 36px;
            background-color: black;
            /* margin: 0 auto; */
        }

        /* 顶部导航栏内容 */
        .topNavrow {
            width: 1090px;
            height: 36px;
            /* background-color: blue; */
            margin: 0 auto;
            position: relative;
        }
        .topNavrow .topNavrowleft{
            color: orange;
            font-size: 12px;
            line-height: 36px;
            position: absolute;
            left: 10px;
        }
        .topNavrow .topNavrowleft a{
            color: orange;
        }
        .topNavrow .topNavrowright{
            position: absolute;
            top: 50%;
            margin-top: -9px;
            right: 10px;
        }
        .topNavrow .topNavrowright span{
            color: white;
            font-size: 12px;
            margin-right: 5px;
            float: left;
            position: relative;
        }
        .topNavrow .topNavrowright span ul{
            width: 85px;
            background-color: rgb(218, 214, 214);
            /* float: left; */
            position: absolute;
            top: 27px;
            list-style: none;
            font-size: 12px;
            text-align: center;
            line-height: 38px;
            z-index: 10000;
            display: none;
        }
        .topNavrow .topNavrowright span ul li{
            width: 60px;
            margin: 0 auto;
            color: rgb(221,221,221);
            border-bottom: 1px solid rgb(225,225,225);
        }
        .topNavrow .topNavrowright span:hover{
            color: white;
        }
        .topNavrow .topNavrowright span:hover ul{
            display: block;
        }
        .topNavrow .topNavrowright span a{
            color: white;
            text-decoration: none;
        }
        .topTab {
            height: 115px;
            /* background-color: skyblue; */
            /* margin: 0 auto; */
            
        }

        .topTabrow {
            width: 1090px;
            height: 115px;
            /* background-color: blueviolet; */
            /* margin: 0 auto; */
            position: relative;
            left: 50%;
            margin-left: -545px;
        }
        .topTab .topleft{
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -31px;
        }
        .topTab .topRight{
            width: 134px;
            height: 38px;
            border: 1px solid rgb(204,151,86);
            position: absolute;
            right: 0;
            border-radius: 19px 19px 19px 19px;
            top: 30px;
            font-size: 17px;
            text-align: center;
            line-height: 38px;   
        }
        .topTab .topRight:hover{
            background-color: rgb(226,193,153);
        }
        .topTab .cneter3{
            width: 90px;
            height: 38px;
            border-radius: 0 19px 19px 0;
            background-color: rgb(204,151,86);
            font-size: 17px;
            color: white;
            line-height: 38px;
            text-align: center;
            position: absolute;
            top: 30px;
            right: 181px;
        }
        .topTab .cneter3:hover{
            background-color: rgb(226,193,153);
        }
        .topTab .center2{
            width: 400px;
            height: 36px;
            position: absolute;
            top: 30px;
            right: 271px;
            border: 1px solid rgb(204,151,86);
            border-left: none;
        }
        .topTab .center2 input{
            width: 400px;
            height: 35px;
            border: none;
        }
        .topTab .center1{
            width: 42px;
            height: 36px;
            position: absolute;
            top: 30px;
            right: 671px;
            border-radius: 17.75px 0 0 17.75px;
            border:1px solid rgb(204,151,86);
            border-right: none;
            font-size: 20px;
            text-align: center;
            line-height: 36px;
            /* background-color: red; */
        }
        .tabNav{
            height: 25px;
            background-color: rgb(255,255,255);
            position: sticky;
            top: 0;
            /* display: flex; */
            z-index: 999;
        }
        .tabNav ul {
            /* float: left; */
            position: absolute;
            /* position: sticky; */
            /* margin: 0 auto; */
            left: 50%;
            margin-left: -532px;
            
            /* margin-top: 116.5px; */
            /* top: 0;             */
        }
        .tabNav ul li {
            float: left;
            list-style: none;
            width: 108px;
            height: 23.4px;
            font-size: 15px;
        }

        .tabNav ul li:hover a {
            text-decoration: underline;
            color: orange;
        }

        .tabNav ul li:hover .homelife {
            display: block;
        }

        .tabNav ul li:hover .clothes {
            display: block;
        }

        .tabNav ul li:hover .food {
            display: block;
        }

        .tabNav ul li:hover .clean {
            display: block;
        }

        .tabNav ul li:hover .son {
            display: block;
        }

        .tabNav ul li:hover .sport {
            display: block;
        }

        .tabNav ul li:hover .hometown {
            display: block;
        }

        .tabNav ul li:hover .global {
            display: block;
        }

        .tabNav ul li:hover .foryou {
            display: block;
        }

        .tabNav ul li a {
            font-weight: bold;
            text-decoration: none;
        }

        .tabNav .homelife {
            width: 1300px;
            height: 512px;
            background-color: palegreen;
            position: absolute;
            top: 25px;
            left: -105px;
            display: none;
        }

        .tabNav .clothes {
            width: 1202px;
            height: 457px;
            background-color: green;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }

        .tabNav .food {
            width: 1202px;
            height: 457px;
            background-color: burlywood;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }

        .tabNav .clean {
            width: 1202px;
            height: 312px;
            background-color: burlywood;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }

        .tabNav .son {
            width: 1202px;
            height: 312px;
            background-color: orchid;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }

        .tabNav .sport {
            width: 1202px;
            height: 457px;
            background-color: orangered;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }

        .tabNav .hometown {
            width: 1202px;
            height: 457px;
            background-color: skyblue;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }

        .tabNav .global {
            width: 1202px;
            height: 457px;
            background-color: slategray;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }

        .tabNav .foryou {
            width: 1202px;
            height: 457px;
            background-color: palevioletred;
            position: absolute;
            top: 25px;
            left: -56px;
            display: none;
        }
        .topTab .topTabrow .topleft{
            float: left;
        }
        .newproduct{
            height: 510px;
            /* background-color: chartreuse; */
            /* margin-top: 420px; */
            /* margin: 0 auto; */
        }
        .newproduct .newproductRow{
            width: 1090px;
            height: 510px;
            /* background-color: coral; */
            position: relative;
            margin: 0 auto;
        }
        .newproduct .newproductRow .title{
            width: 1090px;
            height: 80px;
            /* background-color: yellow; */
            /* position: relative; */
        }
        .newproduct .newproductRow .title .left1{
            position: absolute;
            top: 23px;
            font-size: 30px;
            font-weight: bold;
        }
        .newproduct .newproductRow .title .left1:hover{
            color: rgb(180,160,157);
            cursor: pointer;
        }
        .newproduct .newproductRow .title .right1:hover{
            color: rgb(180,160,157);
            cursor: pointer;
        }
        .newproduct .newproductRow .title .left2{
            position: absolute;
            font-size: 15px;
            top: 40px;
            left: 145px;
        }
        .newproduct .newproductRow .title .right1{
            position: absolute;
            font-size: 15px;
            top: 40px;
            right: 0;
        }
        .newproduct .newproductRow .products{
            width: 1090px;
            height: 365px;
            /* background-color: violet; */
            box-sizing: border-box;
        }
        .newproduct .newproductRow .products>div{
            width: 265px;
            height: 365px;
            float: left;
            margin-left: 10px;
            /* background-color: turquoise; */
            
        }
        .newproduct .newproductRow .products>div:hover{
            background-color:rgb(244,240,234);
        }
        .newproduct .newproductRow .picture1{
            background: url(./picture/新品首发图1-1.webp);
        }
        .newproduct .newproductRow .picture2{
            background: url(./picture/新品首发图2-1.webp);
        }
        .newproduct .newproductRow .picture3{
            background: url(./picture/新品首发图3-1.webp);
        }
        .newproduct .newproductRow .picture4{
            background: url(./picture/新品首发图4-1.webp);
        }
        .newproduct .newproductRow .products>div:hover .picture1{
            background: url(./picture/新品首发图1-2.webp);
        } 
        .newproduct .newproductRow .products>div:hover .picture2{
            background: url(./picture/新品首发图2-2.webp);
        } 
        .newproduct .newproductRow .products>div:hover .picture3{
            background: url(./picture/新品首发图3-2.webp);
        } 
        .newproduct .newproductRow .products>div:hover .picture4{
            background: url(./picture/新品首发图4-2.webp);
        } 
        .newproduct .newproductRow .products>div:first-child{
            margin-left: 0;
        }
        .newproduct .newproductRow .products>div>div:nth-child(1){
            width: 265px;
            height: 265px;
            position: relative;
            /* background-color: blue; */
        }
        .newproduct .newproductRow .products>div>div:nth-child(1)>div:nth-child(1){
            height: 36px;
            width: 80px;
            background-color: rgb(237,109,43);
            position: absolute;
            bottom: 0;
            left: 0;
            color: white;
        }
        .newproduct .newproductRow .products>div>div:nth-child(1)>div:nth-child(2){
            height: 30px;
            width: 185px;
            background-color: rgb(243,130,69);
            position: absolute;
            bottom: 0;
            right: 0;
            color: white;
            font-size: 13px;
        }
        .newproduct .newproductRow .products>div>div:nth-child(1)>div:nth-child(1) span{
            text-align: center;
            margin-left: 5px;
            float: left;
        }
        .newproduct .newproductRow .products>div>div:nth-child(1)>div:nth-child(2) span{
            text-align: center;
            margin-top: 5px;
            margin-left: 5px;
            float: left;
        }
        .newproduct .newproductRow .products>div>div:nth-child(2){
            width: 265px;
            height: 100px;
            /* background-color: green; */
            position: relative;
        }
        .newproduct .newproductRow .products>div>div:nth-child(2)>span{
            width: 170px;
            text-align: center;
            float: left;
            margin-left: 45px;
        }
        .left{
            width: 108px;
            height: 364px;
            background-color: red;
            position: sticky;
            top: 70px;
            margin-top: 596px;
            left: 80px;
            float: left;
            z-index: 999;
            /* display: flex; */
        }
        .right{
            width: 70px;
            height: 364px;
            /* background-color: red; */
            position: sticky;
            top: 70px;
            margin-top: 596px;
            float: right;
            z-index: 999;
            /* display: flex; */
        }
        .right>div{
            width: 70px;
        }
        .left>div{
            width: 108px;
            height: 36.4px;
        }
        .left>div>img{
            width: 108px;
            height: 36.4px;
        }
        .left>div:nth-child(odd){
            background-color: royalblue;
        }
        .PopularItem{
            height: 738px;
            background-color: rgb(244,240,234);
            /* position: relative; */
        }
        .PopularItem .null{
            width: 1090px;
            height: 46px;
            background-color: rgb(244,240,234);
            margin: 0 auto;
        }
        .PopularItem .PopularItemRow{
            width: 1090px;
            height: 646px;
            /* background-color: blueviolet; */
            /* float: left; */
            /* position: absolute; */
            margin: 0 auto;
            position: relative;
            /* top: 46px; */
        }
        .PopularItem .PopularItemRow .title{
            width: 1090px;
            height: 76px;
            /* background-color: palevioletred; */
        }
        .PopularItem .PopularItemRow .title .left1{
            position: absolute;
            top: 19px;
            font-size: 30px;
            font-weight: bold;
        }
        .PopularItem .PopularItemRow .title .left1:hover{
            color: rgb(180,160,157);
            cursor: pointer;
        }
        .PopularItem .PopularItemRow .title .right1:hover{
            color: rgb(180,160,157);
            cursor: pointer;
        }
        .PopularItem .PopularItemRow .title .left2{
            text-align: center;
            width: 70px;
            position: absolute;
            font-size: 15px;
            top: 32px;
            left: 152px;
            color: rgb(180,160,120);
            border-bottom: 2px solid rgb(180,160,120);
        }
        .PopularItem .PopularItemRow .title .left2:hover{
            cursor: pointer;
        }
        .PopularItem .PopularItemRow .title .left3{
            position: absolute;
            font-size: 15px;
            top: 32px;
            left: 270px;
        }
        .PopularItem .PopularItemRow .title .left3:hover{
            color: rgb(180,160,120);
            cursor: pointer;
        }
        .PopularItem .PopularItemRow .title .right1{
            position: absolute;
            font-size: 15px;
            top: 38px;
            right: 0;
        }
        .PopularItem .PopularItemRow .products{
            width: 1090px;
            height: 570px;
            /* background-color: skyblue; */
        }
        .PopularItem .PopularItemRow .products>div:first-child{
            width: 390px;
            height: 570px;
            /* background-color: green; */
            margin-left: 0;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1{
            width: 390px;
            height: 400px;
            /* background-color: violet; */
            position: relative;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1 .topT{
            width: 390px;
            height: 320px;
            background-color: white;
            position: absolute;
            top: 38px;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1 .topT>img{
            width: 320px;
            height: 320px;
            margin-left: 35px;
            transition: width 2s linear,height 2s linear;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1 .topT>img:hover{
            width: 335px;
            height: 335px;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1 .topB1{
            height: 36px;
            width: 80px;
            background-color: rgb(237,109,43);
            position: absolute;
            bottom: 0;
            left: 0;
            color: white;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1 .topB1 span{
            text-align: center;
            margin-left: 13px;
            float: left;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1 .topB2{
            height: 30px;
            width: 310px;
            background-color: rgb(243,130,69);
            position: absolute;
            bottom: 0;
            right: 0;
            color: white;
            font-size: 13px;
        }
        .PopularItem .PopularItemRow .products>div:first-child .top1 .topB2 span{
            text-align: center;
            margin-top: 5px;
            margin-left: 5px;
            float: left;
        }
        .PopularItem .PopularItemRow .products>div:first-child .bottom1{
            width: 390px;
            height: 170px;
            background-color: white;
            position: relative;
        }
        .PopularItem .PopularItemRow .products>div:first-child .bottom1 span{
            width: 290px;
            text-align: center;
            /* float: left; */
            margin-left: 45px;
            font-size: 21px;
            margin-top: 13px; 
        }
        .PopularItem .PopularItemRow .products>div{
            width: 223px;
            height: 280px;
            background-color: white;
            margin-left: 10px;
            float: left;
        }
        .PopularItem .PopularItemRow .products>div>div:nth-child(1){
            width: 223px;
            height: 180px;

            /* background-color: chartreuse; */
        }
        /* .PopularItem .PopularItemRow .products>div .p1>img{
            transition: height 2s linear;
        } */
        /* .PopularItem .PopularItemRow .products>div>div:nth-child(1)>img{
            animation: bd 5s linear;
            transition: width 2s linear,height 2s linear;
        } */
        .PopularItem .PopularItemRow .products>div>div:nth-child(1)>img:hover{
            animation: bd 3s linear;
            /* width: 233px;
            height: 233px; */
        }
        @keyframes bd{
            from{
                width: 180px;
                height: 180px;
            }
            to{
                width: 200px;
                height: 200px;
            }
        }
        .PopularItem .PopularItemRow .products>div>div:nth-child(2){
            width: 223px;
            height: 100px;
            /* background-color: chocolate; */
        }
        .PopularItem .PopularItemRow .products>div:nth-child(n+5){
            margin-top: 10px;
        }
        /*  */
        .indexCates{
            height: 6312px;
            /* background-color: gray; */
            /* position: relative; */
            margin: 0 auto;
            /* display: flex;
            flex-direction: column; */
        }
        .indexCates div{
            width: 1090px;
            height: 12.5%;
            /* background-color: blue; */
            margin: 0 auto;
        }
        /* .indexCates div:nth-child(odd){
            background-color: chocolate;
        } */
        .expert{
            height: 460px;
            /* background-color: cyan; */
        }
        .expert .expertRow{
            width: 1090px;
            height: 460px;
            /* background-color: yellow; */
            margin: 0 auto;
        }
        .expert .title{
            width: 1090px;
            height: 80px;
            /* background-color: orange; */
            position: relative;
        }
        .expert .title .left1{
            position: absolute;
            top: 23px;
            font-size: 30px;
            font-weight: bold;
        }
        .expert .title .left1:hover{
            color: rgb(180,160,157);
            cursor: pointer;
        }
        
        .expert .title .left2{
            position: absolute;
            font-size: 15px;
            top: 40px;
            left: 145px;
        }
        
        .expert .products{
            width: 1090px;
            height: 380px;
            /* background-color: mediumspringgreen; */
        }
        .expert .products .left1{
            width: 690px;
            height: 380px;
            background-color: palevioletred;
            float: left;
        }
        .expert .products .right1{
            width: 390px;
            height: 380px;
            /* background-color: blue; */
            margin-left: 10px;
            float: left;
        }
        .expert .products .right1>div{
            width: 390px;
            height: 185px;
            /* background-color: red; */
            margin-top: 10px;
            float: left;
        }
        .expert .products .right1>div:first-child{
            margin-top: 0;
        }
        .indexComment{
            height: 660px;
            /* background-color: blueviolet; */
        }
        .indexComment .indexCommentRow{
            width: 1090px;
            height: 660px;
            background-color: cornflowerblue;
            margin: 0 auto;
        }
        .bottom1{
            height: 300px;
            /* background-color: orange; */
        }
        .bottom1 .bottom1Row{
            width: 1090px;
            height: 300px;
            background-color: olive;
            margin: 0 auto;
        }
        .bottom2{
            height: 300px;
            background-color: rgb(65,65,65);
        }
        .bottom2 .bottom2Row{
            width: 1090px;
            height: 300px;
            /* background-color: teal; */
            margin: 0 auto;
        }
        .bottom2 .bottom2Row .bottom2RowT{
            width: 1090px;
            height: 100px;
            /* background-color: blue; */
            display: flex;
            border-bottom: 1px solid rgb(79,79,79);
        }
        .bottom2 .bottom2Row .bottom2RowT>div{
            flex: 2.5 0 auto;
            /* text-align: center; */
            line-height: 100px;
            font-size: 20px;
            color: white;
            font-weight: bold;
        }
        /* .bottom2 .bottom2Row .bottom2RowT>div span{
            line-height: 45px;
            font-size: 20px;
            margin-top: 20px;
            height: 70px;
        } */
        .bottom2 .bottom2Row .bottom2RowT>div .icon{
            color: white;
            font-size: 30px;
            /* margin-top: 30px; */
        }
        /* .bottom2 .bottom2Row .bottom2RowT>div:nth-child(odd){
            background-color: red;
        } */
        .bottom2 .bottom2Row .bottom2RowB{
            width: 1090px;
            height: 200px;
            /* background-color: blueviolet; */
            display: flex;
            flex-direction: column;
        }
        .bottom2 .bottom2Row .bottom2RowB div{
            /* height: 20px; */
            width: 1090px;
            flex: 1.66 0 auto;
            /* bottom: 20px; */
            /* justify-content: center;
            align-items: center; */
            text-align: center;
            font-size: 12px;
        }
        .bottom2 .bottom2Row .bottom2RowB div span{
            margin-left: 10px;
            color: rgb(153,153,153);
        }
        .bottom2 .bottom2Row .bottom2RowB div .icon{
            color: rgb(153,153,153);
        }
        .bottom2 .bottom2Row .bottom2RowB div a{
            text-decoration: none;
            color: rgb(153,153,153);
        }
        .bottom2 .bottom2Row .bottom2RowB div a:hover{
            color: white;
        }
        /* .bottom2 .bottom2Row .bottom2RowB div:nth-child(1){
            top: 30px;
        } */
        .indexCates .title{
            width: 1090px;
            height: 80px;
            background-color: white;
            position: relative;
        }
        .indexCates .title .left1{
            position: absolute;
            top: 23px;
            font-size: 30px;
            font-weight: bold;
        }
        .indexCates .title .left1:hover{
            color: rgb(180,160,157);
            cursor: pointer;
        }
        .indexCates .title .right1:hover{
            color: rgb(180,160,157);
            cursor: pointer;
        }
        /* .indexCates .title .left2{
            position: absolute;
            font-size: 15px;
            top: 40px;
            left: 145px;
        } */
        .indexCates .title .left2{
            position: absolute;
            width: 750px;
            height: 25px;
            /* background-color: red; */
            top: 40px;
            right: 111px;
            text-align: end;
            color: rgb(51,51,51);
        }
        .indexCates .title .left2 span{
            margin-left: 7px;
        }
        .indexCates .title .left2 a{
            text-decoration: none;
        }
        .indexCates .title .left2 a:hover{
            color: rgb(180,160,157);
        }
        .indexCates .title .right1{
            position: absolute;
            font-size: 15px;
            top: 40px;
            right: 0;
        }
        .indexCates .products{
            width: 1090px;
            height: 709px;
            /* background-color: mediumspringgreen; */
        }
        .indexCates .products .big{
            width: 1090px;
            height: 310px;
            /* background-color: orange; */
        }
        .indexCates .products .small{
            width: 1090px;
            height: 361px;
            /* background-color: blue; */
            margin-top: 20px;
        }
        .indexCates .products .small>div{
            width: 265px;
            height: 361px;
            float: left;
            margin-left: 10px;
        }
        .indexCates .products .small>div:hover{
            background-color:rgb(244,240,234);
        }
        .indexCates .products .small>div:first-child{
            margin-left: 0;
        }
        .indexCates .products .small .picture1{
            background: url(./picture/新品首发图1-1.webp);
        }
        .indexCates .products .small .picture2{
            background: url(./picture/新品首发图2-1.webp);
        }
        .indexCates .products .small .picture3{
            background: url(./picture/新品首发图3-1.webp);
        }
        .indexCates .products .small .picture4{
            background: url(./picture/新品首发图4-1.webp);
        }
        .indexCates .products .small>div:hover .picture1{
            background: url(./picture/新品首发图1-2.webp);
        } 
        .indexCates .products .small>div:hover .picture2{
            background: url(./picture/新品首发图2-2.webp);
        } 
        .indexCates .products .small>div:hover .picture3{
            background: url(./picture/新品首发图3-2.webp);
        } 
        .indexCates .products .small>div:hover .picture4{
            background: url(./picture/新品首发图4-2.webp);
        } 
        /* .newproduct .newproductRow .products>div:first-child{
            margin-left: 0;
        } */
        .indexCates .products .small>div>div:nth-child(1){
            width: 265px;
            height: 265px;
            position: relative;
            /* background-color: blue; */
        }
        .indexCates .products .small>div>div:nth-child(1)>div:nth-child(1){
            height: 36px;
            width: 80px;
            background-color: rgb(237,109,43);
            position: absolute;
            bottom: 0;
            left: 0;
            color: white;
        }
        .indexCates .products .small>div>div:nth-child(1)>div:nth-child(2){
            height: 30px;
            width: 185px;
            background-color: rgb(243,130,69);
            position: absolute;
            bottom: 0;
            right: 0;
            color: white;
            font-size: 13px;
        }
        .indexCates .products .small>div>div:nth-child(1)>div:nth-child(1) span{
            text-align: center;
            margin-left: 5px;
            float: left;
        }
        .indexCates .products .small>div>div:nth-child(1)>div:nth-child(2) span{
            text-align: center;
            margin-top: 5px;
            margin-left: 5px;
            float: left;
        }
        .indexCates .products .small>div>div:nth-child(2){
            width: 265px;
            height: 100px;
            /* background-color: green; */
            position: relative;
        }
        .indexCates .products .small>div>div:nth-child(2)>span{
            width: 170px;
            text-align: center;
            float: left;
            margin-left: 45px;
        }
    </style>
    <script src="http://at.alicdn.com/t/font_2061862_4lwhpenx5ze.js"></script>
</head>

<body>
    <aside class="right">
        <div style="height: 148px;">
            <img src="./picture/11.png" alt="" width="70px" height="148px">
        </div>
        <div style="height: 72px;">
            <img src="./picture/12.png" alt="" width="70px" height="72px">
        </div>
        <div style="height: 72px;">
            <img src="./picture/13.png" alt="" width="70px" height="72px">
        </div>
        <div style="height: 72px;">
            <img src="./picture/14.png" alt="" width="70px" height="72px">
        </div>
    </aside>
    <aside class="left">
        <div>
            <img src="./picture/1.png" alt="">
        </div>
        <div>
            <img src="./picture/2.png" alt="">
        </div>
        <div>
            <img src="./picture/3.png" alt="">
        </div>
        <div>
            <img src="./picture/4.png" alt="">
        </div>
        <div>
            <img src="./picture/5.png" alt="">
        </div>
        <div>
            <img src="./picture/6.png" alt="">
        </div>
        <div>
            <img src="./picture/7.png" alt="">
        </div>
        <div>
            <img src="./picture/8.png" alt="">
        </div>
        <div>
            <img src="./picture/9.png" alt="">
        </div>
        <div>
            <img src="./picture/10.png" alt="">
        </div>
    </aside>
    <div class="topNav">
        <div class="topNavrow">
            <div class="topNavrowleft">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-laba"></use>
                </svg>
                <a href="#">因事件（疫情、特大暴雨、台风,)影响，部分地区无法配送公告</a>
            </div>
            <div class="topNavrowright">
                <span><a href="#">登录/注册</a></span>
                <span>|&nbsp;&nbsp;<a href="#">我的订单</a></span>
                <span>|&nbsp;&nbsp;<a href="#">会员</a></span>
                <span>|&nbsp;&nbsp;<a href="#">甄选家</a></span>
                <span>|&nbsp;&nbsp;<a href="#">企业采购</a>
                    &nbsp;
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiala"></use>
                    </svg>
                    &nbsp;
                    <ul>
                        <li><a href="#">企业购</a></li>
                        <li><a href="#">礼品卡</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </span>
                <span>|&nbsp;&nbsp;<a href="#">客户服务</a>
                    &nbsp;
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiala"></use>
                    </svg>
                    &nbsp;
                    <ul>
                        <li><a href="#">在线客服</a></li>
                        <li><a href="#">帮助中心</a></li>
                        <li><a href="#">商务合作</a></li>
                        <li><a href="#">开放平台</a></li>
                    </ul>
                </span>
                <span>|&nbsp;&nbsp;
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouji1"></use>
                    </svg>
                    <a href="#" style="font-size: 15px;">app</a></span>
            </div>
        </div>
    </div>
    <div class="topTab">
        <div class="topTabrow">
            <div class="topleft">
                <img src="./picture/网易严选.png" alt="" width="212px" height="60px">
            </div>
            <div class="center1">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-sousuo"></use>
                </svg>
            </div>
            <div class="topRight">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-gouwuchekong"></use>
                </svg>
                购物车
                <img src="./picture/圆.png" alt="" width="25px" height="25px" style="color: rgb(204,151,86);">
            </div>
            <div class="cneter3">
                搜索
            </div>
            <!-- <input type="text"> -->
            <div class="center2">
                <input type="text" name="" id="">
            </div>
            
        </div>
    </div>
    <div class="tabNav">
        <ul>
            <li style="width:54px">
                <a href="#" style=" text-decoration: underline;
                color: orange;">首页</a>
                <!-- <div class="homepage">
                    <img src="./picture/首页.webp" alt="" width="1920px" height="420px">
                </div> -->
            </li>
            <li>
                <a href="#">居家生活</a>
                <div class="homelife">
                    <img src="./picture/居家生活.png" alt="" width="1300px" height="512px">
                </div>
            </li>
            <li>
                <a href="#">服饰鞋包</a>
                <div class="clothes">
                    <img src="./picture/服饰鞋包.png" alt="">
                </div>
            </li>
            <li>
                <a href="#">美食酒水</a>
                <div class="food">
                    <img src="./picture/美食酒水.png" alt="" width="1202px" height="457px">
                </div>
            </li>
            <li>
                <a href="#">个护清洁</a>
                <div class="clean">
                    <img src="./picture/个护清洁.png" alt="">
                </div>
            </li>
            <li>
                <a href="#">母婴亲子</a>
                <div class="son"></div>
            </li>
            <li>
                <a href="#">运动旅行</a>
                <div class="sport"></div>
            </li>
            <li>
                <a href="#">数码家乡</a>
                <div class="hometown"></div>
            </li>
            <li>
                <a href="#">严选全球</a>
                <div class="global"></div>
            </li>
            <li>
                <a href="#">为你严选</a>
                <div class="foryou"></div>
            </li>
            <li style="width:54px">
                <a href="#">内筹</a>
            </li>
        </ul>
    </div>
    
    <div class="homepage" style="height: 420px;">
        <img src="./picture/首页.webp" alt="" width="1920px" height="420px" style="position: absolute; left: 50%; margin-left: -960px; z-index: -99;">
    </div>
    <!-- 新品首发 -->
    <div class="newproduct">
        <div class="newproductRow">
            <div class="title">
                <span class="left1">新品首发</span>
                <span class="left2">为你寻觅世间好物</span>
                <span class="right1">更多新品
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div>
                    <div class="picture1">
                        <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                        <div>
                            <span style="font-size: 14px;">新品尝鲜价</span>
                            <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                        </div>
                        <div>
                            <span>仅剩492件 距结束3天</span>
                        </div>
                    </div>
                    <div>
                        <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                        <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                        <span>
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">13.9</span>
                            <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div class="picture2">
                        <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                        <div>
                            <span style="font-size: 14px;">新品尝鲜价</span>
                            <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                        </div>
                        <div>
                            <span>仅剩492件 距结束3天</span>
                        </div>
                    </div>
                    <div>
                        <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                        <span>蜂蜜般流心，大颗土耳其杏肉</span>
                        <span>
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">16.9</span>
                            <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div class="picture3">
                        <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                        <div style="width: 60px;">
                            <span style="font-size: 14px; margin-left: 15px;">特价</span>
                            <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                        </div>
                        <div style="width: 205px;">
                            <span>正在抢购中</span>
                        </div>
                    </div>
                    <div>
                        <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                        <span>酸爽多汁，智利进口香水柠檬</span>
                        <span>
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">19.9</span>
                            <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div class="picture4">
                        <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                        <div>
                            <span style="font-size: 14px;">新品尝鲜价</span>
                            <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                        </div>
                        <div>
                            <span>仅剩492件 距结束3天</span>
                        </div>
                    </div>
                    <div>
                        <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                        <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                        <span>
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">199</span>
                            <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="PopularItem">
        <div class="null"></div>
        <div class="PopularItemRow">
            <div class="title">
                <span class="left1">人气推荐</span>
                <span class="left2">编辑推荐</span>
                <span class="left3">热销总榜</span>
                <span class="right1">更多推荐
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div>
                    <div class="top1">
                        <div class="topT">
                            <img src="./picture/人气推荐图1.webp" alt="" width="320px" height="320px">
                        </div>
                        <div class="topB1">
                            <span style="font-size: 13px;">每日抄底</span>
                            <span style="font-size: 14px; margin-left: 11px;">￥17.9起</span>
                        </div>
                        <div class="topB2">
                            <span>仅剩22件 距结束19小时</span>
                        </div>
                    </div>
                    <div class="bottom1">
                        <span style="float: left; background-color: rgb(243,130,69); width: 90px; margin-left: 145px; font-size: 14px; color:white;">每日抄底</span>
                        <span style="float: left;">口袋里的咖啡馆 浓缩胶囊咖啡液 微糖1袋</span>
                        
                        <span style="color: rgb(243,130,69); float: left;">￥17.9
                            <span style="color: black; text-decoration: line-through; font-size: 12px; margin-left: 3px;">￥21.8</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div class="p1">
                        <img src="./picture/人气推荐图2.webp" alt="" width="180px" height="180px" style="margin-left: 20.5px;">
                    </div>
                    <div>
                        <span style="text-align: center; float: left; background-color: rgb(243,130,69); width: 40px; margin-left: 90px; font-size: 12px; color:white;">99选9</span>
                        <span style="float: left; width: 170px; margin-left: 35px; text-align: center;">红杏干 180克</span>
                        <span style="float: left; margin-left: 100px;">
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">20</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./picture/人气推荐图3.webp" alt="" style="margin-left: 20.5px; width: 180px; height: 180px;">
                    </div>
                    <div>
                        <span style="text-align: center; float: left; background-color: rgb(243,130,69); width: 40px; margin-left: 90px; font-size: 12px; color:white;">99选9</span>
                        <span style="float: left; width: 170px; margin-left: 35px; text-align: center;">惊喜藏在蛋黄里，翻砂卤蛋 245克</span>
                        <span style="float: left; margin-left: 100px;">
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">18</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./picture/人气推荐图4.webp" alt="" style="margin-left: 20.5px; width: 180px; height: 180px;">
                    </div>
                    <div>
                        <span style="text-align: center; float: left; background-color: rgb(243,130,69); width: 40px; margin-left: 90px; font-size: 12px; color:white;">99选9</span>
                        <span style="float: left; width: 170px; margin-left: 35px; text-align: center;">无添加蔗糖，苏打饼干 360克</span>
                        <span style="float: left; margin-left: 100px;">
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">12.8</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./picture/人气推荐图5.webp" alt="" style="margin-left: 20.5px; width: 180px; height: 180px;">
                    </div>
                    <div>
                        <span style="text-align: center; float: left; background-color: rgb(243,130,69); width: 40px; margin-left: 90px; font-size: 12px; color:white;">99选9</span>
                        <span style="float: left; width: 170px; margin-left: 35px; text-align: center;">无添加蔗糖，澳洲进口即食燕麦片 1千克</span>
                        <span style="float: left; margin-left: 100px;">
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">19</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./picture/人气推荐图6.webp" alt="" style="margin-left: 20.5px; width: 180px; height: 180px;">
                    </div>
                    <div>
                        <span style="text-align: center; float: left; background-color: rgb(243,130,69); width: 40px; margin-left: 90px; font-size: 12px; color:white;">99选9</span>
                        <span style="float: left; width: 170px; margin-left: 35px; text-align: center;">耐冷热不漏，双层咔咔密封保鲜袋 20只装起</span>
                        <span style="float: left; margin-left: 100px;">
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">12.9</span>
                        </span>
                    </div>
                </div>
                <div>
                    <div>
                        <img src="./picture/人气推荐图6.webp" alt="" style="margin-left: 20.5px; width: 180px; height: 180px;">
                    </div>
                    <div>
                        <span style="text-align: center; float: left; background-color: rgb(243,130,69); width: 40px; margin-left: 90px; font-size: 12px; color:white;">99选9</span>
                        <span style="float: left; width: 170px; margin-left: 35px; text-align: center;">【59选2】新疆长绒棉男式多色圆领T恤</span>
                        <span style="float: left; margin-left: 100px;">
                            <span style="color: rgb(243,130,69);">￥</span>
                            <span style="color: rgb(243,130,69);">69</span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="indexCates">
        <div>
            <div class="title">
                <span class="left1">居家生活</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">收纳家饰</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">好物精选</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">疫情防控</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">北欧原木</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">家庭医疗</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">餐厨爆款清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">厨房电器</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/居家生活.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">
                <span class="left1">服饰鞋包</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">好物清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">男式衬衫</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">男装</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">男式针织衫/卫衣</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">男式外套</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">新疆棉系列</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">凉感系列</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/服饰鞋包1.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">
                <span class="left1">美食酒水</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">收纳家饰</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">好物精选</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">疫情防控</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">北欧原木</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">家庭医疗</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">餐厨爆款清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">厨房电器</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/美食酒水1.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">
                <span class="left1">个护清洁</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">收纳家饰</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">好物精选</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">疫情防控</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">北欧原木</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">家庭医疗</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">餐厨爆款清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">厨房电器</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/个护清洁1.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">
                <span class="left1">母婴亲子</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">收纳家饰</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">好物精选</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">疫情防控</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">北欧原木</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">家庭医疗</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">餐厨爆款清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">厨房电器</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/母婴亲子1.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">
                <span class="left1">运动旅行</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">收纳家饰</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">好物精选</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">疫情防控</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">北欧原木</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">家庭医疗</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">餐厨爆款清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">厨房电器</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/运动旅行.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">
                <span class="left1">数码家电</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">收纳家饰</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">好物精选</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">疫情防控</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">北欧原木</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">家庭医疗</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">餐厨爆款清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">厨房电器</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/数码家电1.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title">
                <span class="left1">严选全球</span>
                <!-- <span class="left2">编辑推荐</span> -->
                <div class="left2">
                    <span>
                        <a href="">收纳家饰</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">好物精选</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">疫情防控</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">北欧原木</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">家庭医疗</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">餐厨爆款清单</a>
                    </span>
                    <span>/</span>
                    <span>
                        <a href="">厨房电器</a>
                    </span>
                </div>
                <span class="right1">查看更多
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dayu"></use>
                    </svg>
                </span>
            </div>
            <div class="products">
                <div class="big">
                    <img src="./picture/严选全球1.webp" alt="">
                </div>
                <div class="small">
                    <div>
                        <div class="picture1">
                            <!-- <img src="./picture/新品首发图1.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥19.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>可以吃的“冻干酥脆咖啡”，咖啡饼干 340克</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">13.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19.9</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture2">
                            <!-- <img src="./picture/新品首发图2.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥16.9起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>蜂蜜般流心，大颗土耳其杏肉</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">16.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥19</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture3">
                            <!-- <img src="./picture/新品首发图3.webp" alt=""> -->
                            <div style="width: 60px;">
                                <span style="font-size: 14px; margin-left: 15px;">特价</span>
                                <span style="font-size: 14px; margin-left: 9px;">￥19.9</span>
                            </div>
                            <div style="width: 205px;">
                                <span>正在抢购中</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 50px; margin-left: 105px; font-size: 12px; color:white;">特价</span>
                            <span>酸爽多汁，智利进口香水柠檬</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">19.9</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥29</span>
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="picture4">
                            <!-- <img src="./picture/新品首发图4.webp" alt=""> -->
                            <div>
                                <span style="font-size: 14px;">新品尝鲜价</span>
                                <span style="font-size: 14px; margin-left: 11px;">￥199起</span>
                            </div>
                            <div>
                                <span>仅剩492件 距结束3天</span>
                            </div>
                        </div>
                        <div>
                            <span style="background-color: rgb(243,130,69); width: 90px; margin-left: 90px; font-size: 12px; color:white;">新品尝鲜价</span>
                            <span>窈窕身姿，纤纤如燕膏 120克*2盒</span>
                            <span>
                                <span style="color: rgb(243,130,69);">￥</span>
                                <span style="color: rgb(243,130,69);">199</span>
                                <span style="text-decoration: line-through; font-size: 12px;">￥278</span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="expert">
        <div class="expertRow">
            <div class="title">
                <span class="left1">甄选家</span>
                <span class="left2">我们在寻找，对生活有态度的你
                </span>
            </div>
            <div class="products">
                <div class="left1">
                    <img src="./picture/20.webp" alt="">
                </div>
                <div class="right1">
                    <div>
                        <img src="./picture/21.webp" alt="">
                    </div>
                    <div>
                        <img src="./picture/22.webp" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="indexComment">
        <div class="indexCommentRow"></div>
    </div>
    <div class="bottom1">
        <div class="bottom1Row"></div>
    </div>
    <div class="bottom2">
        <div class="bottom2Row">
            <div class="bottom2RowT">
                <div>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-airudiantubiaohuizhi-zhuanqu_yiwutong"></use>
                    </svg>
                    <span>网易自营电商</span>
                </div>
                <div>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouhouwuyou"></use>
                    </svg>
                    <span>30天无忧退换货</span>
                </div>
                <div>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yunshu"></use>
                    </svg>
                    <span>满99元免邮费</span>
                </div>
                <div>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-baozheng"></use>
                    </svg>
                    <span>品质保证</span>
                </div>
            </div>
            <div class="bottom2RowB">
                <div></div>
                <div>
                    <span>
                        <a href="#">关于我们</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">帮助中心</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">售后服务</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">配送与验收</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">商务合作</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">企业采购</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">开放平台</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">搜索推荐</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">友情链接</a>
                    </span>
                    <span>|</span>
                    <span>
                        <a href="#">廉正举报</a>
                    </span>
                </div>
                <div>
                    <span>
                        <a href="#">食品经营许可证：JY13301080111719</a>
                    </span>
                    <span>
                        <a href="#">出版物经营许可证：新出发滨字第0132号</a>
                    </span>
                    <span>
                        <a href="#">妙得ICP证号：ICP 证浙B2-20160106</a>
                    </span>
                    <span>
                        <a href="#">浙杭食药监械经营备20171029号</a>
                    </span>
                    <span>
                        <a href="#">营业执照</a>
                    </span>
                    <span>
                        <a href="#">网易公司版权所有 © 1997-2021</a>
                    </span>
                </div>
                <div>
                    <span>
                        <a href="#">无线电发射设备销售备案：42202011096855</a>
                    </span>
                    <span>
                        <a href="#">（浙杭）网械企备字[2019]第00119号</a>
                    </span>
                    <span>
                        <a href="#">（粤）网械平台备字（2019）第00004号</a>
                    </span>
                    <span>
                        <a href="#">（粤）-非经营性-2016-0023</a>
                    </span>
                    <span>
                        <a href="#">进口冷链食品管理承诺书</a>
                    </span>
                </div>
                <div>
                    <span>
                        <a href="#">食品经营许可证：JY14207050007694</a>
                    </span>
                    <span>
                        <a href="#">浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</a>
                    </span>
                    <span>
                        <a href="#">单用途商业预付卡备案证：330100AAC0024</a>
                    </span>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinghui"></use>
                    </svg>
                </div>
                <div>
                    <span>
                        <a href="#">出版物网络交易平台服务经营备案：新出发浙备字第2021006号</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</body>

</html>